$(function(){
    // alert(1)
    // bug:(方法1)解决删除的如果是当前页的最后一条数据，让他跳转为前一页(1.先定义一个全局变量)
    // var length = null
    // 定义模板引擎的过滤器函数（处理日期函数）
    template.defaults.imports.dateFormat=function(dateStr) {
        var dt = new Date(dateStr)
        var y = dt.getFullYear()
        var m = padZero(dt.getMonth()+1)
        var d = padZero(dt.getDate())

        var hh = padZero(dt.getHours())
        var mm = padZero(dt.getMinutes())
        var ss = padZero(dt.getSeconds())
        return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
    }
    // 补0函数
      function padZero(n) {
          return n>10 ? n : '0' + n
      }
    // 保存参数的变量
    var q = {
            pagenum:1,
            pagesize:2,
            //参数如果空是全部获取的意思
            cate_id:'',
            state:'' 
    }
    getArtList()
    function getArtList() {
        $.ajax({
            url:'/my/article/list',
            data:q, 
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    layui.layer.msg(res.message,{icon:5})
                }
                var htmlStr = template('article-list',res)
                $('tbody').html(htmlStr)
                 // 渲染分页页
                renderPage(res.total)
    //bug:(方法1)解决删除的如果是当前页的最后一条数据，让他跳转为前一页(2.)
             /*  length = res.data.length */
                
            }
        })
    }
    // 文章筛选(根据所属分类和文章状态)
    initCate()
    function initCate() {
     $.ajax({
         url:'/my/article/cates',
         success(res){
             if (res.status !== 0) {
                 return layui.layer.msg(res.message,{icon:5})
             }
            //  console.log(res);
            var htmlStr = template('cate_tpl',res)
            $('select[name=cate_id]').html(htmlStr)
            // 重新渲染动态插入的表单元素
            layui.form.render()
           
         }
     })
    }
// 筛选功能完成
// 获取表单数据-修改参数q-重新获取文章数据，重新渲染
$('#form-search').on('submit',function(e){
    e.preventDefault()
    var  cate_id=$('select[name=cate_id]').val()
    var state=$('select[name=state]').val()
    // console.log(cate_id,state)
    q.cate_id=cate_id
    q.state=state
    getArtList()
})
    function renderPage(total) {
        layui.laypage.render({
            elem:'pageBox',
            count:total,
            limit:q.pagesize,
            curr:q.pagenum,//!!!!!!!!!
            // 自定义页码按钮的排版
            layout:['prev','page','next','count','limit','skip'],
            limits:[2,4,6],
            // 单击显示页码数据,jump回调函数，第一次生成页码按钮时，会被调用，切换分页也会调用
            jump:function(obj,first){
                   /* obj:
                        obj.count:总条数据
                        obj.limit:每页显示的条数
                        obj.curr:当前是第几页
                    first:(true/undefined)
                     生成页码是，调用jump，first：true
                     切换分页：undefined */
                    //  console.log(obj.curr)//拿到页码
                    //  只有切换页码时，才让他执行jump里面的代码
                    if (first === true) {
                        return 
                    }
                    q.pagenum = obj.curr
                    // 切换每页显示条数
                    q.pagesize = obj.limit
                    getArtList()
            }
        })
        // 删除文章
        $('tbody').on('click','.btn_delete',function(){
            // //bug:(方法2)统计删除按钮的数量
            var len = $('.btn_delete').length
            var id = $(this).attr('data-id')
            layer.confirm('确定删除此文章?', {icon: 3, title:'提示'}, function(index){
                //do something
                $.ajax({
                    url:'/my/article/delete/'+id,
                    success(res){
                        if (res.status !== 0) {
                            return layui.layer.msg(res.message,{icon:5})
                        }
                        layui.layer.msg(res.message,{icon:6})
    //bug:(方法1)解决删除的如果是当前页的最后一条数据，让他跳转为前一页(2.)
                     /*    if(length === 1) {
                            q.pagenum --
                        } */
                        // //bug:(方法2)统计删除按钮的数量
                        if (len === 1) {
                            q.pagenum --
                        }
                        getArtList()
                    }
                })
                layer.close(index);
              })
            // console.log(id);
            
        })
    }
    

})